<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
  <meta name="keywords" content="LightYear,LightYearAdmin,光年,后台模板,后台管理系统,光年HTML模板" />
  <meta name="description" content="Light Year Admin V5是一个基于Bootstrap v5.1.3的后台管理系统的HTML模板。" />
  <title>专科学生信息</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css" />
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="../css/style.min.css" />
  <style>
    body {
      min-width: 740px;
    }

    ol,
    ul {
      margin: 0 !important;
    }

    [class*='btn'],
    input,
    textarea,
    select {
      outline: 0 !important;
      box-shadow: none !important;
      border-color: gray !important;
    }

    .inputQuery {
      margin-bottom: 0.5rem;
      display: flex;
      align-items: center;
    }

    .inputQuery>div {
      margin: 0px 8px 0px 8px;
      display: flex;
      align-items: center;
    }

    .inputQuery>div>input {
      margin-left: 8px;
    }

    input input,
    button {
      margin-left: 9px;
    }

    .functionButtons {
      display: flex;
      width: 100%;
      margin-bottom: 1rem;
      justify-content: flex-end;
    }

    table {
      width: 100%;
      border-collapse: collapse;
    }

    th,
    td {
      padding: 8px;
      text-align: left;
      /* border: 1px solid black; */
      white-space: nowrap;
      text-overflow: elipse;
    }

    .operate input {
      background-color: white;
      border: 0px;
      padding: 0;
    }

    /* 文本输入框的颜色 */
    /* input[type='text']::placeholder {
      color: black;
      
    } */

    .pointer:hover {
      cursor: pointer;
      color: #007bff;
    }

    .paging {
      display: flex;
      justify-content: center;
    }

    .queryCategory {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      max-height: 35px;
      margin: 0px 8px 0px 8px;
    }
  </style>
</head>

<body>
  <div class="container-fluid" id="app">
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <header class="card-header d-flex justify-content-between align-items-center">
            <!-- breadcrumb navigator start -->
            <nav id="nav-title" aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li>当前位置：</li>
                <li class="breadcrumb-item">学生信息管理</li>
                <li class="breadcrumb-item active" aria-current="page">
                  专科学生信息
                </li>
              </ol>
            </nav>
            <!-- breadcrumb navigator end -->
            <a class="btn btn-outline-primary" data-bs-toggle="collapse" href="#collapseExample" role="button"
              aria-expanded="false" aria-controls="collapseExample" @click="toggle">
              {{unfoldOrfold}}查询栏
            </a>
          </header>
          <div class="card-body py-0">
            <!-- query-area card start -->
            <div id="query-area" class="card mb-3">
              <!-- query-area collapse start -->
              <div class="collapse show py-1" id="collapseExample">
                <!-- query-area card-body start -->
                <div class="card-body pt-1">
                  <span class="d-block m-2">范围查询</span>
                  <div class="row row-cols-3 row-cols-md-3 row-cols-lg-4 row-cols-xl-5">
                    <!-- <div class="d-flex col p-1"> -->
                    <div class="col mb-2">
                      <div class="input-group">
                        <label class="input-group-text" for="es_id">
                          在校状态
                        </label>
                        <select name="" id="es_id" class="form-select">
                          <option value="-1">请选择</option>
                          <option value="1">在校</option>
                          <option value="2">业余</option>
                          <option value="3">休学</option>
                          <option value="4">退学</option>
                          <option value="5">毕业</option>
                        </select>
                      </div>
                    </div>
                    <!-- <div class="d-flex col p-1"> -->
                    <div class="col mb-2">
                      <div class="input-group">
                        <label class="input-group-text" for="gender">
                          性别
                        </label>
                        <select name="" id="gender" class="form-select">
                          <option value="-1">请选择</option>
                          <option value="1">男</option>
                          <option value="2">女</option>
                        </select>
                      </div>
                    </div>
                    <div class="col mb-2">
                      <div class="input-group">
                        <label class="input-group-text" for="em_id">
                          学历类型
                        </label>
                        <select name="" id="em_id" class="form-select">
                          <option value="-1">请选择</option>
                          <option value="1">自考</option>
                          <option value="2">国开</option>
                          <option value="3">网教</option>
                        </select>
                      </div>
                    </div>
                    <!-- 异动和查询按钮部分开始 -->
                    <div class="col px-3 d-flex justify-content-start align-items-center">
                      <button class="btn btn-primary d-inline-block" type="button" @click="">
                        查询
                      </button>
                    </div>
                    <!-- 异动和查询按钮部分结束 -->
                  </div>
                  <span class="d-block m-2">内容查询</span>
                  <div class="rangeQuery">
                    <div class="inputQuery row">
                      <div class="col-3 col-md-2 my-1">
                        <label for="">专修编号</label>
                        <input type="radio" name="choice" value="sid" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">学生姓名</label>
                        <input type="radio" name="choice" value="name" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">证件号</label>
                        <input type="radio" name="choice" value="credential" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">科大注册号</label>
                        <input type="radio" name="choice" value="credential" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">准考证号</label>
                        <input type="radio" name="choice" value="credential" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">学历专业</label>
                        <input type="radio" name="choice" value="credential" class="form-check-input" />
                      </div>
                      <div class="col-3 col-md-2 my-1">
                        <label for="">毕业证编号</label>
                        <input type="radio" name="choice" value="credential" class="form-check-input" />
                      </div>
                      <div class="col-4 col-lg-3 my-1">
                        <input type="text" name="textQuery" id="" class="form-control" />
                      </div>
                      <div class="col-3 h-100 d-flex align-items-center my-1">
                        <label for="isFuzzy" class="mx-1">模糊查询</label>
                        <input type="checkbox" id="isFuzzy" class="form-check-input" v-model="fuzzy" />
                        <button class="btn btn-primary my-1" type="button" @click="">
                          查询
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- query-area card-body end -->
              </div>
              <!-- query-area collapse end -->
            </div>
            <!-- query-area card end -->

            <div class="functionButtons">
              <div>
                <button class="btn btn-primary mb-2">导入</button>
                <button class="btn btn-primary mb-2">导出</button>
                <!--添加学生弹出模态框-->
                <button class="btn btn-primary mb-2" type="button" data-bs-toggle="modal"
                  data-bs-target="#addStudentModal">
                  添加学生
                </button>
              </div>
            </div>
            <div class="tableContent overflow-auto">
              <!-- table开始 -->
              <table class="table">
                <thead>
                  <tr>
                    <th scope="col">
                      <input type="checkbox" class="form-check-input" v-model="isAll" />
                    </th>
                    <th scope="col">序号</th>
                    <th scope="col">专修编号</th>
                    <th scope="col">学生姓名</th>
                    <th scope="col">性别</th>
                    <th scope="col">证件号</th>
                    <th scope="col">科大平台注册号</th>
                    <th scope="col">准考证号</th>
                    <th scope="col">学历类型</th>
                    <th scope="col">学历专业</th>
                    <th scope="col">注册时间</th>
                    <th scope="col">学历状态</th>
                    <th scope="col">毕业证编号</th>
                    <th scope="col">毕业时间</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <!-- vue版 -->
                  <tr v-for="(item, index) in studentArr" :key="item.id">
                    <td>
                      <input class="form-check-input" type="checkbox" v-model="item.isChecked" />
                    </td>
                    <th scope="row">{{item.id}}</th>
                    <td class="pointer" data-bs-toggle="modal" data-bs-target="#showModal">
                      {{item.sid}}
                    </td>
                    <td class="pointer" data-bs-toggle="modal" data-bs-target="#showModal">
                      {{item.name}}
                    </td>
                    <td>{{item.gender}}</td>
                    <td>{{item.credential}}</td>
                    <td>{{item.uestc_id}}</td>
                    <td>{{item.admission_id}}</td>
                    <td>{{item.em_name}}</td>
                    <td>{{item.level_major}}</td>
                    <td>
                      {{year_season_formatter(item.reg_year,item.reg_season)}}
                    </td>
                    <td>{{item.es_name}}</td>
                    <td>{{item.level_gradu_id}}</td>
                    <td>
                      {{year_season_formatter(item.level_gradu_year,item.level_gradu_season)}}
                    </td>
                    <td class="operate">
                      <input type="button" value=" 【修改】" data-bs-toggle="modal" data-bs-target="#updateModal" />
                    </td>
                  </tr>
                </tbody>
              </table>
              <!-- table结束 -->
            </div>
          </div>
          <nav class="paging" aria-label="Page navigation">
            <ul class="pagination">
              <li class="page-item">
                <a class="page-link" href="#">上一页</a>
              </li>
              <!-- aria-current=“page”应该用于一组链接。单击链接不会导航到新页面，而只是更改表中可见的行。 -->
              <li class="page-item active" aria-current="page">
                <a class="page-link" href="#">1</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item"><a class="page-link" href="#">4</a></li>
              <li class="page-item"><a class="page-link" href="#">5</a></li>
              <li class="page-item">
                <a class="page-link" href="#">下一页</a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>

  <!-- 点击添加学生模态框 addStudentModal-->
  <div class="modal fade" id="addStudentModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content">
        <!-- 标题 -->
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="addStudentModal">添加学生</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <!-- 模态框内容 -->
        <div class="modal-body">
          <div class="row row-sm-2 row-cols-lg-3 mb-3">
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">专修编号</label>
                <input type="text" value="2193R111" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-8 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">姓名</label>
                <input type="text" value="小明" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-3 col-lg-3 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">性别</label>
                <input type="text" value="男" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">证件号</label>
                <input type="text" value="300300400020204000" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">平台注册号</label>
                <input type="text" value="40004000600000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">准考证号</label>
                <input type="text" value="400040004000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="">学历类型</label>
                <select id="" class="form-select" aria-describedby="basic-addon1">
                  <option value="-1" selected>请选择...</option>
                  <option value="1">自考</option>
                  <option value="2">国开</option>
                  <option value="3">网教</option>
                </select>
              </div>
            </div>
            <div class="col-7 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">学历专业</label>
                <input type="text" value="信息系统设计与分析" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">注册年份</label>
                <input type="text" value="2022" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">注册季度</label>
                <input type="text" value="春" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="">学历状态</label>
                <select id="" class="form-select" aria-describedby="basic-addon1">
                  <option value="-1" selected>请选择...</option>
                  <option value="1">在校</option>
                  <option value="2">业余</option>
                  <option value="3">休学</option>
                  <option value="4">退学</option>
                </select>
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业证编号</label>
                <input type="text" value="40004000600000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业年份</label>
                <input type="text" value="2022" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业季度</label>
                <input type="text" value="春" class="form-control" id="1" />
              </div>
            </div>
          </div>
        </div>
        <!-- 模态框尾部--按钮 -->
        <div class="modal-footer justify-content-between">
          <div>
            <span class="text-warning">提示信息</span>
          </div>
          <div>
            <button type="button" class="btn btn-primary" data-bs-dismiss="modal">
              确认
            </button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
              取消
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 修改学生信息弹出模态框 updateModal -->
  <div class="modal fade" id="updateModal" data-bs-backdrop="static" data-keyboard="false" tabindex="-1"
    aria-labelledby="updateModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="updateModal">修改学生信息</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="row row-sm-2 row-cols-lg-3 mb-3">
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">专修编号</label>
                <input type="text" value="2193R111" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-8 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">姓名</label>
                <input type="text" value="小明" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-3 col-lg-3 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">性别</label>
                <input type="text" value="男" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">证件号</label>
                <input type="text" value="300300400020204000" readonly class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">平台注册号</label>
                <input type="text" value="40004000600000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">准考证号</label>
                <input type="text" value="400040004000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="">学历类型</label>
                <select id="" class="form-select" aria-describedby="basic-addon1">
                  <option value="-1" selected>请选择...</option>
                  <option value="1">自考</option>
                  <option value="2">国开</option>
                  <option value="3">网教</option>
                </select>
              </div>
            </div>
            <div class="col-7 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">学历专业</label>
                <input type="text" value="信息系统设计与分析" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">注册年份</label>
                <input type="text" value="2022" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">注册季度</label>
                <input type="text" value="春" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-5 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="">学历状态</label>
                <select id="" class="form-select" aria-describedby="basic-addon1">
                  <option value="-1" selected>请选择...</option>
                  <option value="1">在校</option>
                  <option value="2">业余</option>
                  <option value="3">休学</option>
                  <option value="4">退学</option>
                </select>
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业证编号</label>
                <input type="text" value="40004000600000" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业年份</label>
                <input type="text" value="2022" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-4 col-lg-4 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">毕业季度</label>
                <input type="text" value="春" class="form-control" id="1" />
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-bs-dismiss="modal">
            确认
          </button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
            取消
          </button>
        </div>
      </div>
    </div>
  </div>
  </div>

  <!-- 显示完整信息模态框 showModal -->
  <div class="modal fade" id="showModal" data-bs-backdrop="static" data-keyboard="false" tabindex="-1"
    aria-labelledby="changeMajorModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="showModal">学生相关信息</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="row row-sm-2 row-cols-lg-3 mb-3">
            <div class="col-5 col-lg-3 mb-2">
              <div class="input-group flex-nowrap">
                <label class="input-group-text" for="1">专修编号</label>
                <input type="text" readonly value="2193R111" class="form-control" id="1" />
              </div>
            </div>
            <div class="col-8 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="2">姓名</label>
                <input type="text" readonly value="五位长名字" class="form-control" id="2" />
              </div>
            </div>
            <div class="col-3 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="3">性别</label>
                <input type="text" readonly value="男" class="form-control" id="3" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="4">证件号</label>
                <input type="text" readonly value="300300400020204000" class="form-control" id="4" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="5">平台注册号</label>
                <input type="text" readonly value="40004000600000" class="form-control" id="5" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="5">准考证号</label>
                <input type="text" readonly value="400040004000" class="form-control" id="5" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="5">学历专业</label>
                <input type="text" readonly value="信息系统设计与分析" class="form-control" id="5" />
              </div>
            </div>
            <div class="col-6 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="5">学历类型</label>
                <input type="text" readonly value="自考" class="form-control" id="5" />
              </div>
            </div>
            <div class="col-6 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="3">注册时间</label>
                <input type="text" readonly value="2022年春" class="form-control" id="3" />
              </div>
            </div>
            <div class="col-6 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="3">学历状态</label>
                <input type="text" readonly value="在校" class="form-control" id="3" />
              </div>
            </div>
            <div class="col-6 col-lg-3 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="3">毕业时间</label>
                <input type="text" readonly value="2022年春" class="form-control" id="3" />
              </div>
            </div>
            <div class="col-12 col-lg-6 mb-2">
              <div class="input-group">
                <label class="input-group-text" for="5">毕业证编号</label>
                <input type="text" readonly value="400040004000300" class="form-control" id="5" />
              </div>
            </div>
          </div>
        </div>
        <!-- 尾部 -->
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-bs-dismiss="modal">
            确认
          </button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
            取消
          </button>
        </div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <script src="../js/vue.js"></script>
  <script>
    new Vue({
      el: '#app',
      data: {
        // 查询栏状态
        unfold: false,
        // 模糊查询选项按钮
        fuzzy: false,
        queryValue: '',
        selectedFieldValue: '0', // 给定值作为默认项
        aryField: ['专修编号', '证件号', '学生姓名'], // 字段名是固定数据
        studentArr: [
          {
            isChecked: false,
            id: 1,
            sid: '2135D101',
            name: '小明',
            gender: '男',
            credential: '512356987454345',
            uestc_id: '20210110752125',
            admission_id: '010821432054',
            // em_id:'1',
            em_name: '自考',
            level_major: '软件工程',
            reg_year: '2022',
            reg_season: '春',
            // es_id:'1',
            es_name: '在校',
            level_gradu_id: '512356987454345',
            level_gradu_year: '2022',
            level_gradu_season: '春',
          },
        ],
      },
      computed: {
        unfoldOrfold () {
          return this.unfold ? '展开' : '收起';
        },
        isAll: {
          get () {
            return this.studentArr.every((item) => item.isChecked);
          },
          set (value) {
            // 基于拿到的布尔值，要让所有的小选框 同步状态
            this.studentArr.forEach((item) => (item.isChecked = value));
          },
        },
      },
      methods: {
        toggle () {
          this.unfold = !this.unfold;
        },
        year_season_formatter (year, season) {
          if (year && season) {
            return year + '年' + season;
          } else {
            return '';
          }
        }
      },
      mounted () {
        let a = this.studentArr[0];
        this.studentArr.splice(0, 0, a, a, a, a, a, a, a, a, a, a, a);
        // console.log(this.studentArr);
      },
    });
  </script>
</body>

</html>